﻿<ion-view view-title="{{names.State}}" hide-nav-bar="{{$root.dingMobile.isDingMobile}}" class="instanceState">
    <ion-nav-bar class="bar">
        <ion-nav-buttons side="left">
            <button class="button button-icon button-clear ion-ios-arrow-left" ng-click="closePage()">{{names.Back}}</button>
        </ion-nav-buttons>
    </ion-nav-bar>
    <ion-content>
        <div class="instance_btn_click">
            <button class="button button-block button-positive button-small" ng-click="showPopup()">催办</button>
        </div>

        <p class="log_title">催办历史</p>
        <div class="card">
            <div class="item item-text-wrap">
                <table>
                    <thead>
                    <tr>
                        <th style="">
                            <span>序号</span>
                        </th>
                        <th style="">
                            <span>内容</span>
                        </th>
                        <th style="">
                            <span>催办时间</span>
                        </th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="item in UrgeInstanceInfo" data-activity="{{Log.ActivityCode}}"
                        index="{{$index}}" ui-finshed-render="DoMerge">
                        <th >
                            <div style="">
                                <span>{{$index + 1}}</span>
                            </div>
                        </th>
                        <th>
                            <div>
                                <span class="content">{{item.UrgeContent}}</span>
                            </div>
                        </th>
                        <th >
                            <div style="">
                                <span class="time">{{item.UrgeTime}}</span>
                            </div>
                        </th>
                    </tr>
                    </tbody>
                </table>
                
                <!--<ul>-->
                    <!--<li class="instance_list_title">-->
                        <!--<span>序号</span>-->
                        <!--<span>内容</span>-->
                        <!--<span>催办时间</span>-->
                    <!--</li>-->
                    <!--<li ng-repeat="item in UrgeInstanceInfo" class="instance_list" index="{{$index}}">-->
                        <!--<span>{{$index + 1}}</span>-->
                        <!--<span class="content">{{item.UrgeContent}}</span>-->
                        <!--<span class="time">{{item.UrgeTime}}</span>-->
                    <!--</li>-->
                <!--</ul>-->
            </div>
        </div>
        
        
        
        <p class="log_title">日志</p>
        <div class="card">
            <div class="item item-text-wrap">
                <table>
                    <thead>
                    <tr>
                        <th style="">
                            <span>名称</span>
                        </th>
                        <th style="">
                            <span>接收时间</span>
                        </th>
                        <th style="">
                            <span>完成时间</span>
                        </th>
                        <th style="">
                            <span>参与者</span>
                        </th>
                        <th style="">
                            <span>状态</span>
                        </th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="item in InstanceDetailLogInfo" data-activity="{{Log.ActivityCode}}"
                        index="{{$index}}" ui-finshed-render="DoMerge">
                        <th>
                            <div>
                                <span class="content">{{item.ActivityName}}</span>
                            </div>
                        </th>
                        <th >
                            <div style="">
                                <span class="time">{{item.CreatedTime}}</span>
                            </div>
                        </th>
                        <th >
                            <div style="">
                                <span class="time">{{item.FinishedTime}}</span>
                            </div>
                        </th>
                        <th >
                            <div style="">
                                <span class="time">{{item.ParticipantName}}</span>
                            </div>
                        </th>
                        <th >
                            <div style="">
                                <span class="time">{{item.ApprovalName}}</span>
                            </div>
                        </th>
                    </tr>
                    </tbody>
                </table>
                <!--<ul>-->
                    <!--<li class="instance_list_title">-->
                        <!--<span>序号</span>-->
                        <!--<span>名称</span>-->
                        <!--<span>接收时间</span>-->
                        <!--<span>完成时间</span>-->
                        <!--<span>参与者</span>-->
                        <!--<span>状态</span>-->
                    <!--</li>-->
                    <!--<li ng-repeat="item in InstanceDetailLogInfo" class="instance_list" index="{{$index}}">-->
                        <!--<span>{{$index + 1}}</span>-->
                        <!--<span>{{item.ActivityName}}</span>-->
                        <!--<span>{{item.CreatedTime}}</span>-->
                        <!--<span>{{item.FinishedTime}}</span>-->
                        <!--<span>{{item.ParticipantName}}</span>-->
                        <!--<span>{{item.ApprovalName}}</span>-->
                    <!--</li>-->
                <!--</ul>-->
            </div>
        </div>
        
        <p class="log_title">预估审批人列表</p>
        <div class="card">
            <div class="item item-text-wrap">
                <table>
                    <thead>
                    <tr>
                        <th style="">
                            <span>活动节点</span>
                        </th>
                        <th style="">
                            <span>审批人</span>
                        </th>
                    </tr>
                    </thead>
                    <tbody>
                    <tr ng-repeat="item in InstanceApprInfo"
                        index="{{$index}}" >
                        <th>
                            <div>
                                <span class="content">{{item.activityName}}</span>
                            </div>
                        </th>
                        <th >
                            <div style="">  
                                <span class="content"  ng-if="item.name!=''">{{item.name}}</span>
                                <span class="content" ng-if="item.name==''">无</span>
                            </div>
                        </th>
                    </tr>
                    </tbody>
                </table>
            </div>
        </div>
        
        
        <div class="instance-img" style="pointer-events:none">
            <div class="workspace" id="workspace"></div>
        </div>
    </ion-content>

</ion-view>
<!--<script id="popup-template.html" type="text/ng-template">-->
    <!--<input ng-model="data.wifi" type="text" placeholder="Password">-->
<!--</script>-->